<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Master Swimmer</title>
<!-- jQuery -->

		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        
        <!-- required plugins -->
		<script type="text/javascript" src="scripts/date.js"></script>
		<!--[if IE]><script type="text/javascript" src="scripts/jquery.bgiframe.min.js"></script><![endif]-->
        
        <!-- jquery.datePicker.js -->
		<script type="text/javascript" src="scripts/jquery.datePicker.js"></script>
        
        <!-- datePicker required styles -->

		<link rel="stylesheet" type="text/css" media="screen" href="styles/datePicker.css">
		
        <!-- page specific styles -->
		<link rel="stylesheet" type="text/css" media="screen" href="styles/demo.css">
        
        <!-- page specific scripts -->
		<script type="text/javascript" charset="utf-8">
            $(function()
            {
				$('.date-pick').datePicker(
					{
						startDate: '01/01/1970',
						endDate: (new Date()).asString()
					}
				);
            });
		</script>


</head>

<body>

<p><strong>Swimming Track Software</strong>
</p>
<form id="form1" name="form1" method="post" action="latihan.php">
  <table width="40%" border="0" cellspacing="0">
    <tr>
      <td width="7%">Swimmer</td>
      <td width="1%">:</td>
      <td width="92%"><input type="text" name="Swimmer" id="Swimmer" /></td>
    </tr>
    <tr>
      <td>Gender</td>
      <td>:</td>
      <td><label>
        <input type="radio" name="Gender" value="Male" id="Gender_0" />
        Male</label>
        <label>
          <input type="radio" name="Gender" value="Female" id="Gender_1" />
      Female</label></td>
    </tr>
    <tr>
      <td>Birthday</td>
      <td>:</td>
      <td><input name="pob" type="text" id="pob" />
        ,        
        <input type="text" name="dob" id="dob" class="date-pick"/></td>
    </tr>
    <tr>
      <td>Age</td>
      <td>:</td>
      <td><input name="age" type="text" id="age" /></td>
    </tr>
    <tr>
      <td>Club</td>
      <td>:</td>
      <td><select name="club" id="club">
      </select></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><input type="submit" name="button" id="button" value="Submit" />
      <input type="reset" name="Cancel" id="Cancel" value="Cancel" /></td>
    </tr>
  </table>
  <p>&nbsp;</p>
</form>
<p>&nbsp;</p>
</body>
</html>